<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>饰品大赏</title>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script>
        $(function() {
            var user;
            if (sessionStorage.getItem("user") != "") {
                user = JSON.parse(sessionStorage.getItem("user"));
            }
            if (user != null) {
                $('.dr').hide();
                $('.name').show();
                $('.name').find('a').html('欢迎 ' + user.quanxian + user.name + '!');
                $('.tuichu').show();
                $('.tuichu').click(function() {
                    sessionStorage.setItem("user", null);
                    user = null;
                    $('.dr').show();
                    $('.name').hide();
                    $('.tuichu').hide();
                });
            }
        })
    </script>
    <style type="text/css">
        * {
            margin: 0px auto;
            padding: 0;
        }
        /*导航栏*/
        
        body {
            background: #EEE;
            font: normal 100% Helvetica, Arial, sans-serif;
            margin: 0 auto;
        }
        
        #bg {
            background: #FFFFFF;
            width: 100%;
            height: 56px;
            margin: 0 auto;
            position: fixed;
            /*固定作用*/
            top: 0px;
            left: 0px;
        }
        
        nav {
            height: 28px;
            width: 100%;
            margin: 0 640px;
        }
        
        nav ul li {
            list-style-type: none;
            float: left;
            margin: 0 auto;
        }
        
        nav ul li a {
            text-decoration: none;
            display: block;
            width: 120px;
            line-height: 56px;
            text-align: center;
            color: #000000;
            font-family: 微软雅黑;
            font-size: 14px;
            white-space: nowrap;
        }
        
        nav ul li ul li {
            float: none;
        }
        /* 二级页面字体颜色*/
        
        nav ul li ul li a {
            font-size: 14px;
            color: #FFFFFF;
        }
        
        nav ul li a:hover {
            background: #FB3D40;
            color: #FFFFFF;
        }
        
        .visited {
            background: #FB3D40;
        }
        /*二级页面背景颜色*/
        
        nav ul li ul {
            background: #2A2828;
            display: none;
        }
        
        nav ul li:hover ul {
            display: block;
        }
        
        .logo {
            float: left;
            margin-top: -15px;
            margin-left: 200px;
        }
        
        .foot {
            width: 100%;
            height: 280px;
            margin: 0 auto;
            background: #FFFFFF;
            color: #423B3C;
        }
        
        .foot ul {
            float: left;
            margin: 20px 0px 0px 12%;
            width: 130px;
            line-height: 30px;
        }
        
        .bq {
            width: 240px;
            margin-top: 10px;
        }
        
        .foot_1 {
            font-size: 20px;
            display: block;
            margin: 10px auto;
        }
        /*主体*/
        
        .center {
            width: 100%;
            height: 6950px;
            background: #EEE;
            margin: 0px auto;
            margin-top: 64px
        }
        
        .center-1 {
            width: 800px;
            height: 40px;
            margin: auto;
            font-size: 13px;
        }
        
        .center a {
            text-decoration: none;
            color: #000000;
            line-height: 20px;
        }
        
        .center-2 {
            width: 800px;
            height: 6850px;
            margin: auto;
            background: #FFFFFF;
        }
        
        .center-2 h1 {
            line-height: 80px;
            text-align: center;
            font-size: 28px;
        }
        
        .center-3 {
            width: 560px;
            height: 500px;
            margin-left: 120px;
            background: #F3E2E5;
        }
        
        .center-3 img {
            margin-left: 40px;
            margin-top: 50px;
        }
        
        .center-4 {
            width: 560px;
            margin-left: 120px;
        }
        
        .center-4 h2 {
            text-align: center;
        }
        
        .center-4 p {
            margin: 16px;
            font-size: 16px;
        }
    </style>
</head>

<body>

    <div id="bg">
        <img class="logo" src="imges/logo.png" width="216px">
        <nav>
            <ul>

                <li><a href="index.html">首页</a>

                </li>
                <li><a href="#">送给谁∨</a>
                    <ul>
                        <li><a href="menu_01.html">家人师长</a></li>
                        <li><a href="menu_02.html">挚友同学</a></li>
                        <li><a href="menu_03.html">商务职场</a></li>

                    </ul>
                </li>
                <li><a href="menu_04.html">男友礼物</a>

                </li>
                <li><a href="menu_05.html">女友礼物</a>

                </li>
                <li><a href="menu_06.html">发现礼物</a>

                </li>
                <li><a href="aboutUs.html">关于我们</a>

                </li>
                <li><a href="liuyan.html">留言建议</a></li>
                <li class="dr"><a href="login.html">登录注册</a></li>
                <li class="name" style="display: none;">
                    <a href="#"></a>
                </li>
                <li class="tuichu" style="display: none;"><a href="#">退出</a></li>
            </ul>
        </nav>
    </div>

    <div class="one">
    </div>


    <div class="center">
        <div class="center-1">
            <a href="index.html">首页</a>>饰品大赏
        </div>
        <div class="center-2">
            <h1>饰品礼物大赏｜让人一眼就心动的小众饰品</h1>
            <div class="center-3">
                <img src="imges/饰品.jpg" width="480px" height="80%">
            </div>
            <div class="center-4">
                <p>“珠宝沉默不语,却比任何语言更能打动人心”——莎士比亚</p>
                <p>在穿搭中饰品往往有着画龙点睛、起死回生的作用。一件平平无奇的衣服，遇上一对很有设计感的耳环会变得灵动起来，一件华服加上一副相得益彰的项链会更加炫目。</br>给大家找了小众饰品礼物，简单分了3类：</p>
                <p>◎手链</p>
                <p>◎项链</p>
                <p>◎耳饰</p>
                <h2>手链</h2>
                <p>手链不但百搭，而且带有守护的含义。一款好看的手链不但体现佩戴者的气质品味，也常常成为搭配中画龙点睛的一部分。</p>
                <p>月光森林仙女链</p>
                <img src="imges/手链1.jpg" width="560px">
                <p>月光森林仙女链采用天然水晶和半宝石打造专属仙女的美丽神器，手链上的水晶玉珠晶莹剔透，又辅以金色手链，看上去金光闪闪，贵气逼人。</p>
                <img src="imges/手链1.1.jpg" width="560px">
                <p>爱丽丝梦游仙境 少女心手链</p>
                <img src="imges/手链2.jpg" width="560px">
                <p>爱丽丝梦游仙境少女心手链做工精细，材质采用黄铜镀厚金外加保色合金，手链通身采用金色再配以爱丽丝精致的挂坠，整体外观星光熠熠，少女心十足。手链本身采用活扣设计，方便顾客自行根据手腕宽度进行调节。</p>
                <img src="imges/手链2.1.jpg" width="560px">
                <h2>项链</h2>
                <p>Mymiss美人鱼尾气质锁骨链</p>
                <img src="imges/项链1.jpg" width="560px">
                <p>Mymiss美人鱼尾气质锁骨链设计十分突出女性脖颈的线条美和骨感美，贴心考虑了女性的锁骨美，此外项链挂坠采用了美人鱼的鱼尾造型，也突出了女性之美，送给女朋友就十分章显诚意。项链采用花海礼盒，礼盒中的永生花寓意美好，象征爱意永不凋谢，作为礼物足以表达美好和爱意。</p>
                <img src="imges/项链1.1.jpg" width="560px">
                <p>Mymiss一鹿有你银项链</p>
                <img src="imges/项链2.jpg" width="560px">
                <p>Mymiss一鹿有你银项链采用鹿角设计，寓意一路有你相伴，鹿角挂坠采用芯动悬浮，使主石重心失衡随身晃动，光芒闪耀。挂坠本身采用加厚电镀，故而色彩艳丽，光滑细腻，充满质感，衬得整条项链银光熠熠。</p>
                <img src="imges/项链2.1.jpg" width="560px">
                <h2>耳环</h2>
                <p>ZENGLIU星星月亮气质耳饰</p>
                <img src="imges/耳环1.jpg" width="560px">
                <p>ZENGLIU星星月亮气质耳饰围绕星月主题打造了这款耳饰，月牙和星芒大小合适，璀璨月牙辅以星芒，两者相得益彰，衬得肤如白雪，更显女性气质。</p>
            </div>
        </div>



    </div>
    <div class="foot">
        <ul type="none"><span class="foot_1">关于我们</span>
            <li>制作人员</li>
            <li>通讯</li>
            <li>常见问题</li>
        </ul>
        <ul type="none"><span class="foot_1">法律条款</span>
            <li>使用条款</li>
            <li>条款与条件</li>
            <li>隐私</li>
            <li>版权</li>
            <li>用户须知</li>

        </ul>
        <ul type="none"><span class="foot_1">企业</span>
            <li>企业地址</li>
            <li>相关版权</li>
            <li>福利采购</li>
        </ul>
        <ul type="none">
            <li><img src="imges/logo.png" width="230px"></li>
            <li class="bq">版权所有&copy;2022 礼物推荐网 营业执照 公司地址：商丘市梁园区商丘师范学院31号楼435室</li>
        </ul>
    </div>

</body>

</html>